<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"> 
      
    <h:head>
         <h:outputStylesheet library="css" name="style.css" />     
 	</h:head> 
 	 	
 	<body> 
     	 <h:form>
     	 	 <div>
    	 	    <center>
    	 	     
     	 	        <!--FOCUS INCIAL -->
	         	    <p:focus context="panelLogin"/>  
	         	   
	         	    <!--MESSAGES -->
                     <p:growl id="growl" showDetail="true" escape="false" autoUpdate="true" life="#{applicationBean.timeGrowl}"/> 
	         	   
	         	    <!--ESPAÇO-->
			        <p:spacer height="170"/> 
	         	   
	         	    <!--PANEL LOGIN-->
			        <p:outputPanel id="panelLogin" > 
			          <div class="div-login" style="height:250px">
				        
				           <table width="100%" >
				             <tr>
				               <td>
				                 <h:outputLabel value="#{msg['page-login-alterarsenha-titulo']}" styleClass="label-titulo-1"/>
				               </td>
				               
				               <td align="right">
				                 <h:graphicImage id="idImgActionEditar" library="images" 
				              					 value="#{imageBean.imgUsuario}" />
 				               </td>
				             </tr>
				           </table>
				          			          
						   <div class="div-h-linha"/>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				           
				           <!--USUARIO-->
				           <div>
				                <h:outputLabel for="idSenhaAtual" value="#{msg['page-login-alterarsenha-atual']}" />  
				           </div>
				           <div>
				             <h:panelGrid columns="2" cellpadding="0" cellspacing="0">
				            <p:password id="idSenhaAtual" value="#{usuarioBean.usuario.senhaAtual}"   
				                        label="Senha Atual" size="30" /> 
				             </h:panelGrid>
				              	     
 								
				           </div>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				           
				           <!--NOVA SENHA-->
				           <div>
				              <h:outputLabel value="#{msg['page-login-alterarsenha-nova']}" />
				           </div>
				           <div>
				                  <p:password  value="#{usuarioBean.usuario.senhaNova}"
                                       inline="true"
	                                   feedback="false"
                                       size="30"
                                       maxlength="20"
                                       label="#{msg['page-usuario-cad-senha']}"/>
				           </div>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				           
				           <!--VERIFICAÇÃO SEHA-->
				           <div>
				              <h:outputLabel value="#{msg['page-login-alterarsenha-confirmar']} " /> 
				           </div>
				           <div>
				                   
							  <p:password id="idSenhaConfirmar"
	                                  value="#{usuarioBean.usuario.senhaConfirmar}"
                                      inline="true"
	                                  size="30"
	                                  maxlength="20"
                                      promptLabel="#{msg['page-usuario-cad-senha-confirmar-prompt-label']}" 
                                      weakLabel="#{msg['page-usuario-cad-senha-weak-label']}"  
                                      goodLabel="#{msg['page-usuario-cad-senha-good-label']}"  
									  strongLabel="#{msg['page-usuario-cad-senha-strong-label']}"
								      label="#{msg['page-usuario-cad-senha-confirmar']}"/>  
								 	              
				           </div>
				           
				           <!--ESPAÇO-->
				           <p:spacer height="15"/> 
				         				           
				           <!--BOTOES-->
				           <div  class="div">
				             <ul class="div-ul">
				                <li class="div-li">
				                   
				                                     
				                  <h:panelGrid columns="2" styleClass="panel-grid">
				                   <p:commandButton id="idBtnAlterarSenha" 
				                                    value="#{msg['btn-title-salvar']}" 
				                                    update="@form"   
				                                    icon="ui-icon-check"  
				                    				action="#{usuarioBean.salvarNovaSenha}"/> 
				                    				
				                 <p:commandButton id="idBtnVoltar" 
				                           value="#{msg['btn-value-cancelar']}" 
				                           action="#{usuarioBean.cancelarAlterarSenha}" 
				                           immediate="true" 
				                           style="width:100%" 
				                           title="#{msg['btn-value-cancelar']}"/> 
				                           
				               </h:panelGrid>	
				                </li>   
				             </ul>
				           </div>      
				        
			           </div>
			        </p:outputPanel>
			        
			        <p:outputPanel>
				       <div class="div-espaco-4"/>
			           <h:graphicImage library="images" value="#{imageBean.imgLogoTopoLogin}" style="border: none;" />
			           <div class="div-espaco-1"/>
			           <h:outputLabel value="#{applicationBean.textRodape}" />
			           <div class="div-espaco-1"/>
			           <h:outputLabel value="Versão #{applicationBean.versao}" />
			        </p:outputPanel>
			        
			    </center>  
     	 	 </div>
     	 </h:form>
  	</body> 
</html>



